  <!--container begin-->
  <div id="container" class="fix">
    <div class="crumb"><a href="#">Home</a> &gt; Login</div>
    <div class="icontainer">
      <div class="loginArea">
        <h3>Login</h3>
        <div class="loginDes">
          <p>Already a member of <a href="#">xxx.com </a>?<br />
            Welcome back! <br />
            Please login here using your email and password.</p>
          <form id="login" method="post" action="/check" class="formArea fix">
            <ul>
			 <li>
            <font color='red'>
            <{if isset($data.dt.loginerror)}>
            <{$data.dt.loginerror}>
            <{/if}>
            </font>
            </li>
              <li>
                <label for="email"><span class="strong1">*</span> Email :</label>
                <input type="email" name="email" id="email" class="allInput" value="" maxlength="320"   />
                <div class="errorInfo"></div>
              </li>
              <li>
                <label for="password"><span class="strong1">*</span> Password :</label>
                <input type="password" name="password" id="password" class="allInput" value="" maxlength="16"   />
                <div class="errorInfo"></div>
              </li>
              <li class="actions">
                <label class="lblFind"><a href="#">Forgotten Password?</a></label>
                <input type="submit" id="loginSubmit" name="submit" value="Login" class="allBtn"/>
              </li>
            </ul>
            <script type="text/javascript">
	$("#login").validate({
			rules: {
				email:{required: true,email: true},
				password: {required: true,minlength: 5}
			},
			messages:formMessages,
			errorPlacement: function(error, element) {
			   error.appendTo(element.siblings(".errorInfo"));
			}
	});
    </script>
          </form>
        </div>
      </div>
    </div>
  </div>
  <!--container end-->
 
